GreenLeaf will be serving mentioned objectives:
- Provide a friendly and attractive user interface.
- Dynamic shopping page to add products from the database in real time.
- Listing products in category-wise fashion.
- Providing affordable products to users.
- Collection of users’ messages or feedback in form of a contact form.
- Provide a blog section to users to enlighten them about plants, plantation activities etc
- Provides a cart system for users to make them purchase multiple products at a time.
- Providing a website with a no-signup or login setup.
- Users’ products in the cart are kept intact every time they visit the website until they place the order.
- Users just need to enter shipping details once.
- Wide range of payment modes for customers powered by Razorpay gateway.
- Provide FAQs to users to help them to join this green journey.
- Attractive and user-friendly interface: GreenLeaf has a beautiful UI matching its themes of promoting greenery by being an E-nursery. With this, the interface is designed in a way to make it easy for users to navigate through the web pages and get what they are wanting to. The idea of GreenLeaf is to make users enjoy shopping for nursery items from the comfort of their homes.
- Shopping and knowledge at the same stop: GreenLeaf not only provide products to shop for but also gives some reading material to the users in case they want to know more about plantation, products, or gardening. GreenLeaf consists of some blog materials with specially curated data in form of readable format and video formats. We do provide common FAQs on the website for users.
- Selected range of products listed: We have listed a selected range of products that are beautiful and easy to plant at users’ desired place, let it be home or office.
- Dynamicity: GreenLeaf shop and cart pages are designed in such a way that it runs in sync with their database. Every time the user visits or refreshes the shop page, products get shuffled on the screen making the user come across new products each time.
- Category-based shopping: Our products are categorized into 3 categories – plants, pots, and accessories, which makes it easy for users to see what they want.
- No signup/login required: We have no login/signup feature keeping in mind a smoother flow for users. Users need not enter any password or OTP to buy products. They just need to add items to the cart and place the order after entering their shipping details.
- Cart System: GreenLeaf comes with a system of carts, to facilitate users to buy multiple products at a time.
- Keeping data intact and stored without login: We do not provide signup/login functionality, still we keep some features intact. The cart of a user keeps the products she/he added every time they browse back to the site. Cart is cleared automatically after the order is placed.
- One-time adding of shipping details: GreenLeaf maintains its users’ shipping details in it from the first time she/he has placed an order. The only thing you need to remember is your phone number. No password, no OTP required.
- Smooth and multiple payment options: GreenLeaf is integrated with a smooth and multiple payment option gateway by Razorpay.
- Home/Landing page: This page of GreenLeaf acts as an introduction to the user about our system. All the important hyperlinks of the system are included on this page like Shopping Page (with categories bifurcation), Blogs, About Us, and FAQs. The page has attractive content and user-oriented features to help them get involved with the system.
- Shop: This module of the system shows the vast range of products to the user. The user has control over choosing the category by which she/he wants to shop. The module has 3 categories – Plants, Pots, and Accessories. This module has a dynamic shuffling feature that shuffles the products each time page is reloaded or revisited, making users come across all kinds of options. When user presses “Add to cart” the product is added to our cart table along with the unique cookie ‘userId’ of customer.
- Cart: In this module, the user can see all her/his products added by them. This module has 2 sub-modules built into it: -
On pressing the “Place Order” button, the control goes to our payment gateway. If the transaction turns out to be successful then the data from cart table (matched by userId cookie) is sent to ‘orders’ table of our database, with a unique Order ID and matching with mobile number of user. Also, the data from cart table of that user is cleared, and set to blank for next time.
- Order Summary: Users are shown their added products in the cart in this section. They can increase or decrease the quantity of products in this section. The total amount is calculated in this sub-module. Turning the quantity to 0 leads to the deletion of the product from the cart.
- Shipping Details: This sub-module is designed to hold users’ shipping details like address, pin code, and basic details like name, phone number, email, etc. If the user is re-visiting the site for ordering products, they just need to enter their number in the field and press “Fetch My Data”, all the saved details are printed to the required fields automatically from the database. If GreenLeaf is unable to find user’s data i.e. user is first time visiting the site, she/he need to fill all the fields and click “Save” button. With this all the data gets saved to our database.
- Payment gateway: This module is a payment window for the user having multiple modes of payment. The Razorpay test API is integrated into our cart page for this module.
- Blogs Pages: We have multiple blogs in GreenLeaf for users. The blogs consists of informative content to read and watch related to plants, nursery, gardening, activities, etc
- Contact Us: This module is provided to users for writing to us. Comprises of fields accepting their name, email, contact number and their message
- About Us and FAQs: These are static modules to present basic information regarding GreenLeaf and commonly asked questions (FAQs).
DEVELOPMENT RESOURCES • Bootstrap (https://getbootstrap.com/) • MDN (https://developer.mozilla.org/en-US/) • W3 Schools (https://www.w3schools.com/) • Stack Overflow (https://stackoverflow.com/) • Google Images (https://www.google.co.in/imghp?hl=en&authuser=0&ogbl) • Geeksforgeeks (https://www.geeksforgeeks.org/) • The Black Book – Web Development CONTENT RESOURCES • YouTube India (https://www.youtube.com/) • Blog Websites (Nursery and Gardening) • NurseryLive (https://nurserylive.com/)